<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
    layout:decorator="blog/layout" th:with="title='About |',active='about'">
<header th:replace="blog/layout::headerFragment(${title},${active})"></header>

<body>
    <div layout:fragment="content">
        <div class="content-wrap">
            <div id="content" class="content">
                <div id="posts" class="posts-expand">
                    <div class="post-block page" style="opacity: 1; display: block;">
                        <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">
                            <h1 class="post-title" itemprop="name headline">About Van</h1>
                        </header>
                        <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);">
                            <h2>Introduction</h2>
                            <blockquote>
                                <div>
                                    <strong>Origin</strong>
                                    <br>
                                    &nbsp;&nbsp; My name is Van, I am an artist, a performance artist, I am hired for
                                    people to
                                    fulfill their fantasies, their deep dark fantasies. I was going to be a movie star,
                                    you know, was modeling and acting.
                                    <br>
                                    &nbsp;&nbsp; After a hundred or two auditions and small parts, you know, I decided..
                                    that I had
                                    enough, then I ceded into escort work.
                                    <br>
                                    <strong>Turn-ons</strong>
                                    <br>
                                    &nbsp;&nbsp; The Kink requested a lot of fetishies, so...I just decided to go...um,
                                    you know, for
                                    master, and change my whole entire house into dungeon, um...dungeon master, now with
                                    the full dungeon, in my house. And it's going really well.
                                    <br>
                                    <strong>Acting the part</strong>
                                    <br>
                                    &nbsp;&nbsp; I don't know if I feel kind of...um naked, 'cause I am looking at
                                    myself for the
                                    first time I think, well, not myself, but this aspect of my life for the first time.
                                    And it's...man gosh! three to five years already? And I've never thought about it.
                                    <br>
                                    <strong>Alone</strong>
                                    <br>
                                    &nbsp;&nbsp; Hmmm.. kind of sad, I feel kind of sad right now.
                                </div>
                            </blockquote>
                            <h2>Personal Skills</h2>
                            <ul>
                                <li>
                                    <h4>Backend</h4>
                                    <blockquote>
                                        <div>
                                            C\C++、JAVA、Python
                                            <br>
                                            SpringBoot、MyBatis、Thymeleaf
                                            <br>
                                            MySQL、Redis、JSP
                                            <br>
                                            Linux、Apache
                                        </div>
                                    </blockquote>
                                </li>
                                <li>
                                    <h4>Frontend</h4>
                                    <blockquote>
                                        <div>
                                            HTML5、CSS3、Javascript
                                            <br>
                                            JQuery、Vue、Bootstrap、ElementUI
                                        </div>
                                    </blockquote>
                                </li>
                            </ul>
                            <h2>Favourites</h2>
                            <blockquote>
                                <div>
                                    Hold on put your ass! We gotta get my flogging lesson.
                                </div>
                            </blockquote>
                            <h2>Contact:</h2>
                            <ul>
                                <li>QQ:</li>
                                <li>E-mail:</li>
                                <th:block th:each="index : ${commons.social()}">
                                    <th:block th:if="${index.value} != null and ${index.value} != ''">
                                        <th:block th:switch="${index.key}">
                                            <th:block th:case="'github'">
                                                <li>GitHub:<a th:href="@{${index.value}}" target="_blank"
                                                        th:text="${index.value}"></a></li>
                                            </th:block>
                                            <th:block th:case="'jianshu'">
                                                <li>Jianshu:<a th:href="@{${index.value}}" target="_blank"
                                                        th:text="${index.value}"></a></li>
                                            </th:block>
                                            <th:block th:case="'zhihu'">
                                                <li>Zhihu</li><a th:href="@{${index.value}}" target="_blank"
                                                    th:text="${index.value}"></a></li>
                                            </th:block>
                                            <th:block th:case="'csdn'">
                                                <li>CSDN:<a th:href="@{${index.value}}" target="_blank"
                                                        th:text="${index.value}"></a></li>
                                            </th:block>
                                            <th:block th:case="'resume'">
                                                <li>Resume:<a th:href="@{${index.value}}" target="_blank"
                                                        th:text="${index.value}"></a></li>
                                            </th:block>
                                        </th:block>
                                    </th:block>
                                </th:block>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>